<template>
  <el-card shadow="never">
    <template #header>
      <slot name="header"></slot>
    </template>
    <el-row>
      <el-col :span="24" class="mt5">
        <el-descriptions :column="3">
          <!-- roW 1 -->
          <el-descriptions-item>
            <template #label>
              <descriptions-item-label label="年龄" />
            </template>
            <dict-tag :type="DICT_TYPE.MATCHAGE" :value="user?.matchAge || '-'" />
          </el-descriptions-item>
          <el-descriptions-item>
            <template #label>
              <descriptions-item-label label="身高" />
            </template>
            <dict-tag :type="DICT_TYPE.MATCHHEIGHT" :value="user?.matchHeight || '-'" />
          </el-descriptions-item>

          <!-- roW 2 -->
          <el-descriptions-item>
            <template #label>
              <descriptions-item-label label="学历" />
            </template>
            <dict-tag :type="DICT_TYPE.USER_EDUCATION" :value="user?.matchEducation || '-'" />
          </el-descriptions-item>
          <el-descriptions-item>
            <template #label>
              <descriptions-item-label label="婚况" />
            </template>
            <dict-tag :type="DICT_TYPE.MARITAL_STATUS" :value="user?.matchMarriage || '-'" />
          </el-descriptions-item>
          <el-descriptions-item>
            <template #label>
              <descriptions-item-label label="月收入" />
            </template>
            <dict-tag :type="DICT_TYPE.MATCHINCOME" :value="user?.matchIncome || '-'" />
          </el-descriptions-item>

          <!-- roW 3 -->
          <el-descriptions-item>
            <template #label>
              <descriptions-item-label label="是否有孩子" />
            </template>
            <dict-tag :type="DICT_TYPE.HAVE_CHILDREN" :value="user?.matchWithChild || '-'" />
          </el-descriptions-item>
          <el-descriptions-item>
            <template #label>
              <descriptions-item-label label="是否要孩子" />
            </template>
            <dict-tag :type="DICT_TYPE.WANT_CHILD" :value="user?.matchWantChild || '-'" />
          </el-descriptions-item>
          <el-descriptions-item>
            <template #label>
              <descriptions-item-label label="是否吸烟" />
            </template>
            <dict-tag :type="DICT_TYPE.HAVA_SMOK" :value="user?.matchSmoker || '-'" />
          </el-descriptions-item>

          <!--  -->
          <el-descriptions-item>
            <template #label>
              <descriptions-item-label label="是否喝酒" />
            </template>
            <dict-tag :type="DICT_TYPE.HAVE_DRINK" :value="user?.matchDrink || '-'" />
          </el-descriptions-item>
          <el-descriptions-item>
            <template #label>
              <descriptions-item-label label="所在地" />
            </template>
            {{ user?.matchWorkAreaName }}
          </el-descriptions-item>
        </el-descriptions>
      </el-col>
    </el-row>
  </el-card>
</template>
<script setup lang="ts">
import * as MemberUserApi from '@/api/member/user'
import { DescriptionsItemLabel } from '@/components/Descriptions/index'
import { DICT_TYPE } from '@/utils/dict'

const { user } = defineProps<{ user: MemberUserApi.UserVO }>()
</script>
<style scoped lang="scss">
.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
</style>
